.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	width:100%;
	.content-top{
		background: #fff;
	}
	.content-bottom{
		background: #f6f7f9;
	}
	.page-header{
		width:100%;
		min-height: 146rpx;
		border-bottom: 1px solid #e1e1e1;
		.header-middle{
			width:100%;
			min-height: 146rpx;
			padding-left: 10px;
			padding-right: 10px;
			.header-panel-center{
				width:100%;
				min-height: 146rpx;
				display:flex;
				align-items: center;
				justify-content: center;
				a{
					display:block;
					width:288rpx;
					img{
						width:288rpx;
					}
				}
			}
		}
	}
	.swiper-box{
		width:100%;
		height:780rpx;
		.swiper{
			width:100%;
			height:780rpx;
			a{
				display:block;
			}
			img{
				width: 100%;
				height:100%;
			}
		}
		uni-swiper .uni-swiper-dots-horizontal {
		    left: 50%;
		    bottom: 20px;
		    text-align: center;
		    white-space: nowrap;
		    -webkit-transform: translate(-50%);
		    transform: translate(-50%);
		}
		uni-swiper .uni-swiper-dots-horizontal .uni-swiper-dot{
			margin-right: 30rpx;
		}
	}
	.center-box-one{
		overflow: hidden;
		
		padding:0 20rpx;
		// width:750rpx;
		.center-box-text1{
			font: 400 28px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			    margin: 0 0 10px;
			color:#666;
			margin-top:30rpx;
			margin-bottom:100rpx;
			text-align: center;
		}
		.center-box-ver1{
			// padding:0 20rpx;
			margin:0 auto;
			position: relative;
			text-align: center;
			img{
				width:711rpx;
				height:492rpx;
			}
			.btn-success{
				background:#4dae65;
				border:2rpx solid #000;
				
				a{
					display:block;
					height:78rpx;
					line-height: 70rpx;
					text-decoration: none;
					strong{
						color:#fff; 
						border-color: #000;
						font-family: Jost, Helvetica Neue, Verdana, Arial, sans-serif;
						font-size: 20rpx;
					}
				}
			}
			.btn{
				width:336rpx;
				height:82rpx;
				text-align: center;
				line-height:78rpx;
				position: absolute;
				top: 88%;
				left: 50%;
				transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				text-align: center;
			}
		}
		.center-box-text2{
			// font-family:Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			font: 400 28px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			    margin: 0 0 10px;
			font-size: 34rpx;
			line-height:1.35;
			font-weight: 400;
			color: #000;
			padding: 15px 0;
			text-align: center;
		}
		.center-box-text3{
			// font-family:Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			font: 400 28px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			    margin: 0 0 10px;
			font-size: 34rpx;
			line-height:1.35;
			font-weight: 400;
			color: #000;
			padding: 15px 0;
			text-align: center;
		}
		.text-center{
			font-size: 21px;
			color: #000;
			padding: 15px 0px;
			p{
				font-size: 20px;
				padding: 15px 10px;
				text-align: center;
				color:#666;
				line-height: 54rpx;
				b{
					font-weight: 700;
				}
			}
		}
		.page-titlle{
			font: 400 36px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px;
			text-align: center;
		}
		.page-title-sub{
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			color: #5c6373;
			text-align: center;
		}
		.center-box-one-content{
			padding-bottom: 25px;
		}
		.center-box-one-img{
			width:711rpx;
			margin:0 auto 15rpx;
			img{
				width:711rpx;
			}
		}
	}
	.mb50{
		margin-bottom: 50px;
	}
	.center-box-two{
		overflow: hidden;
		// margin-bottom: 50px;
		padding:0 20rpx;
		.page-two-titlle{
			font: 400 32px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			font-size: 56rpx;
			text-align: center;
			line-height:1.5em;
		}
		.page-two-titlle1{
			font: 400 32px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			font-size: 56rpx;
			text-align: center;
			line-height:1.5em;
		}
		.page-two-titlle2{
			font: 400 28px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;;
			font-size: 46rpx;
			text-align: center;
			line-height:1.5em;
		}
		.page-two-text{
			font: 400 16px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			font-size: 26rpx;
			line-height:1.5em;
			margin:0 10rpx;
		}
		.center{
			text-align: center;
		}
		.center-box-two-img{
			text-align: center;
		}
	}
	.center-box-three{
		width:750rpx;
		padding:0 20rpx;
		overflow: hidden;
		box-sizing: border-box;
		.center-box-two-img{
			width:100%;
			height:1165rpx;
			a{
				display:block;
				text-decoration: none;
				color:rgba(0,0,0,0.9);
			}
			swiper{
				width:100%;
				height:1165rpx;
			}
			.swiper-item{
				width:100%;
				height:1165rpx;
				position: relative;	
				.swiper-item-box{
					height: 160px;
				}			
				.swiper-item-img{
					width:670rpx;
					height:670rpx;
					margin-bottom:20rpx;
					margin: 0 auto;
					img{
						width:670rpx;
						height:670rpx;
					}
				}
				.product-item-name{
					display: block;
					hyphens: auto;
					margin: 5px 0;
					word-wrap: break-word;
					text-overflow: ellipsis;
        			overflow: hidden;
					font-family: Jost, Helvetica Neue, Verdana, Arial, sans-serif;
					font-size: 23px;
					text-align: center;
					line-height: 1.5em;
				}
				.rating-summary{
					text-align: center;
				}
				.price-container{
					font: 400 26px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
					text-align: center;
				}
				.minimal-price-link{
					display: flex;
					justify-content: center;
					align-items: center;
					margin-top:10px;
					.price-label{
						font-size: 14px;
						color: #000000;
						margin-right: 3px;
					}
					.price-wrapper{
						font-size: 14px;
						color: #000000;
						margin-right: 3px;
					}
				}
				.product-item-inner{
					margin: 20px 0 5px;
					text-align: center;
					height:71rpx;
					.action-tocart-primary{
						display:inline-block;
						background: rgba(11, 108, 64, 1) !important;
    					border-color: rgba(11, 108, 64, 1) !important;
						padding: 7px 20px;
						color:#fff;
						border-radius: 30px;
					}
				}
			}
		}
	}
	.center-box-four{
		width:750rpx;
		padding:0 20rpx 10rpx 20rpx;
		overflow: hidden;
		box-sizing: border-box;
		.page-titlle{
			font: 400 36px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px;
			text-align: center;
			color: #000;
			margin: 0 0 10px;
			text-align: center;
		}
		.center-box-four-img{
			width:100%;
			height:740rpx;
			a{
				display:block;
				text-decoration: none;
				color:rgba(0,0,0,0.9);
			}
			swiper{
				width:100%;
				height:740rpx;
			}
			uni-swiper .uni-swiper-wrapper{
				overflow: visible;
			}
			.swiper-item{
				width:500rpx;
				height:720rpx;
				position: relative;	
				// box-shadow: 4rpx 4rpx 2px #CCC;
				box-shadow: 0rpx 0rpx 10rpx 10rpx #f6f7f9;
				
				.swiper-item-box{
					height: 160px;
				}			
				.swiper-item-img{
					width:500rpx;
					height:638rpx;
					margin-bottom:20rpx;
					margin: 0 auto;
					img{
						width:500rpx;
						height:638rpx;
					}
				}
				.swiper-item-box{
					display: flex;
					align-items: center;
					justify-content: center;
					height:86rpx;
					background-color: #dfece5;
					img{
						width: 60rpx;
						height:60rpx;
					}
				}
			}
		}
	}
	.center-box-five{
		width:750rpx;
		overflow: hidden;
		box-sizing: border-box;
		padding:0 20rpx 10rpx 20rpx;
		img{
			width: 100%;
		}
	}
	.center-box-six{
		width:750rpx;
		overflow: hidden;
		box-sizing: border-box;
		padding:0 20rpx 10rpx 40rpx;
		text-align: left;
		.center-box-six-title{
			cursor: pointer;
			text-transform: capitalize;
			font-style: italic;
			margin-bottom: 10px;
			padding: 5px 0;
			font-weight: 600;
			font-size: 16px;
			color: #000;
			display:flex;
			align-items: center;
			justify-content: space-between;
			padding-right:30rpx;
			@keyframes rotate90 {
				from {
					transform: rotate(90deg);
				}
				to {
					transform: rotate(180deg);
				}
			}
			img{
				animation: rotate90 2s infinite;
			}
			.rotateTitle{
				transform: rotate(90deg);
			}
		}
	}
	.center-box-seven{
		width:750rpx;
		overflow: hidden;
		box-sizing: border-box;
		padding:0 40rpx 10rpx 40rpx;
		position: relative;
		img{
			width: 100%;
		}
		.uni-input-box{
			width: 360rpx;
			height:50rpx;
			position: absolute;
			left:160rpx;
			bottom:70rpx;
			background:#fff;
			// border: 1px solid;
			.uni-input{
				height: 100%;
			}
		}
		.uni-input-btn{
			width:60rpx;
			height:60rpx;
			position: absolute;
			right:85rpx;
			bottom:63rpx;
			// border: 1px solid;
		}
	}
	.center-box-eight{
		width:750rpx;
		overflow: hidden;
		box-sizing: border-box;
		padding:0 40rpx 10rpx 40rpx;
		.centesr-box-eight-text{
			font: 400 16px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			text-align: center;
			margin-bottom:40rpx;
			text{
				color: #121212;
				margin: 0 10px;
				margin-right: 6px
			}
			
		}
		.centesr-box-eight-message{
			color: #000000;
			// font-size: 14px;
			text-align: center;
			font: 400 14px / 1.35 Jost, Helvetica Neue, Verdana, Arial, sans-serif;
			line-height: 38rpx;
		}
	}
	.center-box-nine{
		width:750rpx;
		overflow: hidden;
		box-sizing: border-box;
		padding:0 40rpx 10rpx 40rpx;
		img{
			width:100%;
		}
	}
	.mask{
		width:100%;
		height:100%;
		background-color: rgba(51, 51, 51, .55);
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
	}
	.modal-inner-wrap{
		width:600rpx;
		height: auto;
        min-height: 100%;
		background-color: #f4f4f4;
		border-radius: 30px;
    	overflow: hidden;
		position: fixed;
		left:50%;
		top:0;
		margin-left:-300rpx;
		transition: transform 1s; /* 动画持续时间为1秒 */
  		transform: translateX(1200px); /* 初始状态，不移动 */
		.modal-close{
			padding: 0;
			width: 40px;
			height: 40px;
			border: 1px solid;
			color: #000;
			border-color: #fff;
			background: #fff;
			border-radius: 0;
			position: absolute;
			right: 0;
			top:0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.modal-start{
			.inner-title{
				text-align: center;
				color: #31842c;
				width: calc(100% - 80px);
				font-weight: 600;
				max-width: 1024px;
				margin: 0 auto;
				margin-bottom: 40px;        
				font-size: 22px !important;
				line-height: 1.2 !important;
				margin-top:60rpx;
			}
			.inner-step{
				max-width: 400rpx;
				text-align: center;
				font-size: 16px;
				margin: 0 auto 48px auto;
				p{
					margin:40rpx 0;
				}
			}
			
		}
		.modal-success{
			height:80vh;
			border: 1px solid #ccc;
			padding:0 20rpx;
			margin:100rpx 100rpx 0;
			overflow: scroll;
			img{
				width: 80%;
				// height:300rpx;
			}
			.inner-title{
				font-size: 32rpx;
				color:#000;
				margin:60rpx 0 30rpx;
				line-height:52rpx;
			}
			
		}
		.inner-tips{
			margin:0 auto;
			// background:green;
			font-size: 32rpx;
			border-radius: 20rpx;
			// padding:40rpx 60rpx;
			text-align: center;
			margin:20rpx 0;
			text{
				font-weight: bold;
			}
			img{
				width:100%;
			}
		}
		.inner-step{
			font-size: 40rpx;
			// font-weight: bold;
			text-align: left;
			margin:20rpx 0;
			.red{
				color:red;
			}
		}
		.form-box-content{
			width:400rpx;
			margin: 0 auto;
		}
		.form-box{
			// width:400rpx;
			margin: 0 auto;
			.uni-input{
				position: relative;
				z-index: 2;
				// width: 100%;
				padding-top: 18px;
				border: 1px solid #ccc;
				border-radius: 7px;
				font-size: 14px;
				padding: 10px;
				margin-bottom: 20rpx;
			}
			.sub-btn{
				width: 100%;
				height: 48px;
				overflow: hidden;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 20px;
				font-weight: 600;
				margin-top: 20px;
				background-color: #31842c;
				line-height: 48px;
				border-radius: 7px;
				color: #fff;
				cursor: pointer;
				border: 0;
				margin-bottom: 20rpx;
			}
			.sub-btn-email{
				width: 100%;
				height: 90rpx;
				overflow: hidden;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 40rpx;
				font-weight: 600;
				margin-top: 20px;
				background-color: rgb(94,239,94);
				line-height: 90rpx;
				border-radius: 7px;
				color: #fff;
				cursor: pointer;
				border: 0;
				margin-bottom: 20rpx;
				
			}
		}
		.form-box-place{
			/* 全局样式中设置placeholder的字体颜色 */
			  input::-webkit-input-placeholder {
			    color: #909399;
			  }
			  input::-moz-placeholder {
			    color: #909399;
			    opacity: 1;
			  }
			  input:-ms-input-placeholder {
			    color: #909399;
			  }
			  input::-ms-input-placeholder {
			    color: #909399;
			  }
			  input::placeholder {
			    color: #909399;
			  }
		}
	}
	
	.modal-inner-wrap-move{
		transform: translateX(0rpx); /* 移动300像素 */
	}
}